<template>
  <div class="box">
    <h3>儿子小明: 有存款: {{ money }}</h3>
    <button @click="getMoney(50)">给BABA钱: 50</button>
  </div>
</template>

<script>
// 想要使用mixin还需要导入
import mixin from './mixin'
export default {
  name: 'Son',
  // 想要使用还需要使用 mixins 配置项
  // 值是一个数组,数组中是抽离出去的公共代码
  mixins: [mixin],
  data() {
    return {
      // money: 30000
    }
  },
  mounted() {
    // console.log('我执行了-- son')
  },
  methods: {
    getMoney(money) {
      // 在组件中使用
      this.money -= money
      this.$parent.money += money
    }
  }
}
</script>
